/*----------------toast.less(start)--------------*/
.toast{
	position:fixed;
	bottom:-100px;
	width:100%;
	text-align:center;
	pointer-events:none;
	opacity: 0;

	-webkit-transition-property:-webkit-transform,opacity,visibility;
    -webkit-transition-duration:150ms;
    -webkit-transition-timing-function:ease;

    z-index:999;

    &.active{
    	opacity: 1;
    	-webkit-transform:translate3d(0,-150px,0);
    }
}
.toast-wrapper{
	display:inline-block;
	padding:10px;
	border-radius:6px;
	font-size:12px;
	max-width:90%;
	max-height:35px;
	line-height:20px;
	overflow:hidden;
	text-align:left;

	color:white;
	background-color:$toast-bg;
}
/*----------------toast.less(end)--------------*/